<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<!--<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">-->
<link rel="stylesheet" href="../assets/layui/css/layui.css" media="all">
<link rel="stylesheet" href="../assets/css/common.css" media="all">


    <title>新增回复</title>
</head>
<style>
    .layui-form-item .layui-form-checkbox[lay-skin=primary] {
        margin-top: 0;
        margin-left: 10px;
        padding-left: 20px;
    }
</style>
<body>
<div class="page-layout">
    <div class="page-header">
  <ul class="layui-nav nav-left">
    <li class="layui-nav-item layui-this"><a href="###">控制中心</a></li>
    <li class="layui-nav-item"><a href="###">应用中心</a></li>
    <li class="layui-nav-item"><a href="###">数据中心</a></li>
  </ul>
  <ul class="layui-nav nav-right">
    <li class="layui-nav-item">
      <div class="search-input">
        <input class="layui-input" placeholder="输入关键字搜索" type="text">
      </div>
    </li>
    <li class="layui-nav-item layui-nav-item_icon">
      <a href="#">
        <i><span class="layui-badge-dot"></span><img src="../assets/images/icon_email.png" alt=""></i>
      </a>
    </li>
    <li class="layui-nav-item layui-nav-item_icon">
      <a href="#">
        <i><img src="../assets/images/icon_help.png" alt=""></i>
      </a>
    </li>
    <li class="layui-nav-item layui-nav-item_fgs"></li>
    <li class="layui-nav-item" style="margin-right: 10px">
      <a href="5-扫码主页.html">数码管理</a>
    </li>
    <li class="layui-nav-item layui-nav-item_fgs"></li>
    <li class="layui-nav-item" lay-unselect="">
      <a href="javascript:;"><img src="http://t.cn/RCzsdCq" class="layui-nav-img"><span class="layui-nav-more"></span></a>
      <dl class="layui-nav-child layui-anim layui-anim-upbit">
        <dd><a href="6-账户信息.html">账户信息</a></dd>
        <dd><a href="6-资质管理.html">资质管理</a></dd>
        <dd><a href="javascript:;">通用设置</a></dd>
        <dd><a href="javascript:;">修改密码</a></dd>
        <dd><a href="javascript:;">退出账号</a></dd>
      </dl>
    </li>
  </ul>
</div>
    <div class="page-side">
    <div class="side-left">
        <a class="logo" href="/">
            <img src="../assets/images/logo.png" alt="">
        </a>
        <ul class="layui-nav layui-nav-tree">
            <li data-navid="nav_item01" class="layui-nav-item"><a href="javascript:;"><i class="side_icon"><img
                    src="../assets/images/side_icon_01.png" alt=""></i>系统概况</a></li>
            <li data-navid="nav_item02" class="layui-nav-item"><a href="javascript:;"><i class="side_icon"><img
                    src="../assets/images/side_icon_02.png" alt=""></i>商品管理</a></li>
            <li data-navid="nav_item03" class="layui-nav-item"><a href="javascript:;"><i class="side_icon"><img
                    src="../assets/images/side_icon_07.png" alt=""></i>数码管理</a></li>
            <li data-navid="nav_item04" class="layui-nav-item"><a href="javascript:;"><i class="side_icon"><img
                    src="../assets/images/side_icon_03.png" alt=""></i>商品秀</a></li>
            <li data-navid="nav_item05" class="layui-nav-item"><a href="javascript:;"><i class="side_icon"><img
                    src="../assets/images/side_icon_04.png" alt=""></i>渠道管控</a></li>
            <li data-navid="nav_item06" class="layui-nav-item"><a href="javascript:;"><i class="side_icon"><img
                    src="../assets/images/side_icon_06.png" alt=""></i>防伪管理</a></li>
            <li data-navid="nav_item07" class="layui-nav-item" style="display: none;"></li>

        </ul>
        <div class="side-left_bottom">
            <a class="" href="javascript:;"><i class="side_icon"><img
              src="../assets/images/side_icon_08.png" alt=""></i>系统设置
            </a>
            <div class="side-left_bottom_nav">
                <ul>
                    <li><a href="#"><span>微管家</span></a></li>
                    <li class="active"><a  href="#"><span>帐号权限</span></a></li>
                    <li><a href="#"><span>操作日志</span></a></li>
                </ul>
            </div>
        </div>

    </div>
    <div class="side-right">
        <div id="nav_item02" class="nav-tree_item">
            <ul class="layui-nav layui-nav-tree">
                <li class="layui-nav-item">
                    <a href="3-品牌列表.html"><span>品牌列表</span></a>
                </li>
                <li class="layui-nav-item">
                    <a href="3-分类列表.html"><span>分类列表</span></a>
                </li>
                <li class="layui-nav-item">
                    <a href="3-规格列表.html"><span>规格列表</span></a>
                </li>
                <li class="layui-nav-item">
                    <a href="3-商品列表.html"><span>商品列表</span></a>
                </li>
            </ul>
        </div>
        <div id="nav_item03" class="nav-tree_item">
            <ul class="layui-nav layui-nav-tree">
                <li class="layui-nav-item">
                    <a href="5-发码订单.html"><span>发码订单</span></a>
                </li>
                <li class="layui-nav-item">
                    <a href="5-印刷订单.html"><span>印刷订单</span></a>
                </li>
                <li class="layui-nav-item">
                    <a href="5-批次管理.html"><span>批次管理</span></a>
                </li>
                <li class="layui-nav-item">
                    <a href="5-扫码主页.html"><span>扫码主页</span></a>
                </li>
                <li class="layui-nav-item">
                    <a href="5-扫码明细列表.html"><span>扫码明细</span></a>
                </li>
                <li class="layui-nav-item">
                    <a href="5-扫码黑名单列表.html"><span>扫码黑名单</span></a>
                </li>
                <li class="layui-nav-item">
                    <a href="5-扫码设置.html"><span>扫码设置</span></a>
                </li>
            </ul>
        </div>
        <div id="nav_item04" class="nav-tree_item">
            <ul class="layui-nav layui-nav-tree">
                <li class="layui-nav-item">
                    <a href="4-选择模板.html"><span>商品主页</span></a>
                </li>
                <li class="layui-nav-item">
                    <a href="4-编辑模板页.html"><span>模板设置</span></a>
                </li>
            </ul>
        </div>
        <div id="nav_item05" class="nav-tree_item">
            <ul class="layui-nav layui-nav-tree">
                <li class="layui-nav-item">
                    <a href="javascript:;"><span>客户管理</span></a>
                    <dl class="layui-nav-child">
                        <dd><a href="2-客户列表.html"><span>客户列表</span></a></dd>
                        <dd><a href="2.1-客户关系线图.html"><span>关系线图</span></a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item">
                    <a href="javascript:;"><span>授权管理</span></a>
                    <dl class="layui-nav-child">
                        <dd><a href="2-授权审核.html"><span>授权审核</span></a></dd>
                        <dd><a href="2-审核设置.html"><span>审核设置</span></a></dd>
                        <dd><a href="2-品牌授权管理.html"><span>品牌授权管理</span></a></dd>
                        <dd><a href="javascript:;"><span>授权证书管理</span></a></dd>
                        <dd><a href="javascript:;"><span>授权查询</span></a></dd>
                        <dd><a href="javascript:;"><span>授权直达页</span></a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item">
                    <a href="javascript:;"><span>渠道发货</span></a>
                    <dl class="layui-nav-child">
                        <dd><a href="2.1-发货管理.html"><span>发货管理</span></a></dd>
                        <dd><a href="2.1-退货记录管理.html"><span>退货管理</span></a></dd>
                        <dd><a href="2.1-仓库管理.html"><span>仓库管理</span></a></dd>
                        <dd><a href="javascript:;"><span>客户库存监控</span></a></dd>
                        <dd><a href="2.1-采集器管理.html"><span>采集器管理</span></a></dd>
                        <dd><a href="2.1-发货设置.html"><span>发货设置</span></a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item">
                    <a href="javascript:;"><span>物流追踪</span></a>
                    <dl class="layui-nav-child">
                        <dd><a href="#"><span>窜货监控</span></a></dd>
                        <dd><a href="2.1-物流追踪.html"><span>物流追踪</span></a></dd>
                        <dd><a href="2.1-预警设置.html"><span>预警设置</span></a></dd>
                    </dl>
                </li>
            </ul>
        </div>
        <div id="nav_item06" class="nav-tree_item">
            <ul class="layui-nav layui-nav-tree">
                <li class="layui-nav-item">
                    <a href="6-回复管理.html"><span>回复管理</span></a>
                </li>
                <li class="layui-nav-item">
                    <a href="6-防伪编辑模板页.html"><span>模板设置</span></a>
                </li>
                <li class="layui-nav-item">
                    <a href="javascript:;"><span>基础设置</span></a>
                    <dl class="layui-nav-child">
                        <dd><a href="6-模板消息配置.html"><span>模板消息配置</span></a></dd>
                        <dd><a href="6-查询次数.html"><span>查询次数</span></a></dd>
                    </dl>
                </li>
            </ul>
        </div>
        <div id="nav_item07" class="nav-tree_item">
            <ul class="layui-nav layui-nav-tree">
                <li class="layui-nav-item">
                    <a href="6-账户信息.html">账户信息</a>
                </li>
                <li class="layui-nav-item">
                    <a href="6-资质管理.html">资质管理</a>
                </li>
                <li class="layui-nav-item">
                    <a href="6-修改密码.html">修改密码</a>
                </li>
            </ul>
        </div>
    </div>
</div>
    <div class="page-body">
        <div class="page-container">
            <div class="page-title">
                <h2>新增回复</h2>
                <a href="#" onClick="javascript:history.back(-1);"><span>返回</span></a>
            </div>
            <div class="alert-msg">
                <p><i class="icon_tips"></i>设置防伪查询回复内容；您可以针对商品单独设置防伪回复，也可以全部采用通用回复模板，注意回复可修改，但每次编辑后需要重新审核。
                </p>
                <span class="close_alert"></span>
            </div>

            <div class="zpform_block">
                <div class="layui-row">
                    <div class="layui-col-xs2 w140">
                        <div class="block_title">回复内容</div>
                    </div>
                    <div class="layui-col-xs10">
                        <div class="layui-form zpform">
                            <div class="layui-form-item">
                                <label class="layui-form-label">回复编号</label>
                                <div class="layui-input-block">
                                    <div class="flexg">
                                        <input type="text" class="layui-input w380 bg-gray text-title" value="002"
                                               disabled style="cursor: not-allowed;">
                                    </div>
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <label class="layui-form-label xin">回复名称</label>
                                <div class="layui-input-block">
                                    <div class="flexg">
                                        <input maxlength="10" type="text" name="title" placeholder="输入回复名称" class="layui-input w380">
                                    </div>
                                </div>
                            </div>
                            <div class="layui-form-item layui-form-text">
                                <label class="layui-form-label xin">文字回复</label>
                                <div class="layui-input-block">
                                    <div class="flexg">
                                    <textarea maxlength="200" class="layui-textarea w380" name="content" lay-verify="content"
                                              id="editor1" placeholder="请输入回复名称" style="resize: none;"></textarea>
                                    </div>
                                </div>
                            </div>
                            <div class="layui-form-item layui-form-text">
                                <label class="layui-form-label xin">语音转化</label>
                                <div class="layui-input-block">
                                    <div class="flexg">
                                    <textarea class="layui-textarea w380 mr6" name="content" lay-verify="content"
                                              id="editor2" placeholder="请输入语音文字"
                                              style="resize: none;min-height:68px;"></textarea>
                                        <div style="display:flex;flex-direction: column;">
                                            <a href="javascript:;" class="play_btn zh_btn">
                                                <img src="../assets/images/exchange.png" alt="">
                                                <span>转换</span>
                                            </a>
                                            <a href="javascript:;" class="play_btn mt5 bf_btn"
                                               style="opacity: 0.5;cursor: not-allowed;">
                                                <img src="../assets/images/play.png" alt="">
                                                <span>播放</span>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <label class="layui-form-label">适用商品</label>
                                <div class="layui-input-block">
                                    <div class="table-border mb0 w380">
                                        <table lay-skin="line" class="layui-table">
                                            <colgroup>
                                                <col style="width:220px">
                                                <col style="width:60px">
                                            </colgroup>
                                            <thead class="small_thead">
                                            <tr>
                                                <th>商品名称</th>
                                                <th>操作</th>
                                            </tr>
                                            </thead>
                                            <tbody>
                                            <tr>
                                                <td>正品普尔茶叶</td>
                                                <td><a class="text-blue" href="javascript:;">删除</a></td>
                                            </tr>
                                            <tr>
                                                <td>正品茶叶01</td>
                                                <td><a class="text-blue" href="javascript:;">删除</a></td>
                                            </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                    <div class="flexg mt10">
                                        <div>
                                            <button type="button" onclick="selectPro()"
                                                    class="layui-btn layui-btn-primary primary_btn">添加商品
                                            </button>
                                        </div>
                                        <div class="after_word">共适用于2个商品</div>
                                    </div>


                                </div>
                            </div>
                            <div class="layui-form-item flex-start">
                                <label class="layui-form-label xin">资质证明</label>
                                <div class="layui-input-block">
                                    <a href="javascript:;">
                                        <div class="layui-upload">
                                            <div class="layui-upload-list">
                                                <div class="upload-img-box">
                                                    <i class="icon_del"></i>
                                                    <img src="../assets/images/goods01.jpg" class="layui-upload-img">
                                                    <div class="mt5 tc fs12 text-title">工商资质01</div>
                                                </div>
                                                <div class="upload-img-box">
                                                    <i class="icon_del"></i>
                                                    <img src="../assets/images/goods01.jpg" class="layui-upload-img">
                                                    <div class="mt5 tc fs12 text-title">工商资质02</div>
                                                </div>
                                            </div>
                                            <a href="javascript:selectzzPro()">
                                                <button type="button" class="addfile_btn"><i></i><span>添加资质</span>
                                                </button>
                                            </a>
                                        </div>
                                    </a>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>

            </div>
            <!--底部栏按钮-->
            <div class="page-footer">
  <div class="btn-outside">
    <button onclick="" class="layui-btn" style="background-color: #0087f1;">提交审核</button>
    <button class="layui-btn layui-btn-primary">取消</button>
  </div>
</div>
        </div>
    </div>
</div>


<!--添加资质弹框-->
<div id="selzzPopup" class="zp_popup_container">
    <div>
        <div class="layui-form zpform">
            <div class="zpform_block mt0" style="padding: 10px 20px;">
                <div class="flexg">
                    <span class="before_word">操作</span>
                    <a href="6-资质管理.html" target="_Blank" class="layui-btn layui-btn-primary primary_btn"><i
                            class="icon_add"></i>新增资质</a>
                </div>
            </div>

            <div class="zpform_block" style="padding: 15px;">
                <dl class="zz_list">
                    <dd>
                        <ul>
                            <li>
                                <div class="layui-form">
                                    <div class="layui-form-item zz_title">
                                        <span>授权资质</span>
                                        <input class="ml30" type="checkbox" name="like1[write]" lay-skin="primary"
                                               checked="">
                                    </div>
                                    <div class="layui-form-item">
                                        <div class="zz_img"
                                             style="background-image: url('../assets/images/zz01.png');"></div>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="layui-form">
                                    <div class="layui-form-item zz_title">
                                        <span>授权资质</span>
                                        <input type="checkbox" name="like1[write]" lay-skin="primary" checked="">
                                    </div>
                                    <div class="layui-form-item">
                                        <div class="zz_img"
                                             style="background-image: url('../assets/images/zz02.png');"></div>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="layui-form">
                                    <div class="layui-form-item zz_title">
                                        <span>授权资质</span>
                                        <input type="checkbox" name="like1[write]" lay-skin="primary" checked="">
                                    </div>
                                    <div class="layui-form-item">
                                        <div class="zz_img"
                                             style="background-image: url('../assets/images/zz02.png');"></div>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="layui-form">
                                    <div class="layui-form-item zz_title">
                                        <span>授权资质</span>
                                        <input type="checkbox" name="like1[write]" lay-skin="primary" checked="">
                                    </div>
                                    <div class="layui-form-item">
                                        <div class="zz_img"
                                             style="background-image: url('../assets/images/zz01.png');"></div>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="layui-form">
                                    <div class="layui-form-item zz_title">
                                        <span>授权资质</span>
                                        <input type="checkbox" name="like1[write]" lay-skin="primary" checked="">
                                    </div>
                                    <div class="layui-form-item">
                                        <div class="zz_img"
                                             style="background-image: url('../assets/images/zz02.png');"></div>
                                    </div>
                                </div>
                            </li>

                        </ul>
                    </dd>
                </dl>
            </div>

        </div>
    </div>
    <div class="popup-btn"><a class="popbtn0">确定</a><a close-popup class="popbtn1">取消</a></div>
</div>
<!--商品名称模板-->
<script type="text/html" id="spTemplet">
    <div class="tdpro_templet">
        <div class="pro_hd">
            <img src="{{ d.spmc.img }}" alt="">
        </div>
        <div class="pro_bd">
            <div class="p1">{{ d.spmc.title }}</div>
            <div class="p2">{{ d.spmc.stitle }}</div>
        </div>
    </div>
</script>
<!--添加商品弹框-->
<div id="selproPopup" class="zp_popup_container">
    <div>
        <div class="layui-form zpform">
            <div class="bg-gray" style="padding: 10px 20px;border-radius: 8px;">
                <div class="flexg">
                    <span class="before_word">筛选</span>
                    <div class="input_group">
                        <div style="width: 100px;">
                            <select name="select5">
                                <option value="全部品牌">全部品牌</option>
                                <option value="卡姿兰">卡姿兰</option>
                                <option value="雅诗兰黛">雅诗兰黛</option>
                            </select>
                        </div>
                        <input placeholder="输入商品名称" class="layui-input w190" type="text">
                        <button class="layui-btn layui-btn-primary"><i class="layui-icon layui-icon-search"></i>
                        </button>
                    </div>
                </div>
            </div>


            <div class="table-border">
                <table class="layui-hide" id="test1"></table>
            </div>
        </div>
    </div>
    <div class="popup-btn"><a class="popbtn0">确定</a><a close-popup class="popbtn1">取消</a></div>
</div>
<script src="../assets/layui/layui.all.js"></script>
<script src="../assets/js/common.js"></script>

<script>
    var element = layui.element;
    var form = layui.form;
    var $ = layui.jquery;
    var table = layui.table;
    /*当前导航位置*/
    currNav(6, 1, 0);

    $('.zh_btn').on('click', function () {
        $('.bf_btn').css({'opacity': '1', 'cursor': 'pointer'});
        $('.zh_btn').css({'opacity': '0.5', 'cursor': 'not-allowed'});
    })

    // 打开选择资质弹框
    function selectzzPro() {
        layer.open({
            title: '选择资质',
            skin: 'zp-popup',
            area: ['540px', '500px'],
            type: 2,
            content: ['6-新增资质独立页.html', 'no']
            //content: $('#selzzPopup')
        });
    }

    // 弹框表格
    var data1 = [
        {
            "spmc": {
                "img": "../assets/images/48x48.jpg",
                "title": "Nike耐克男鞋科比毒液6科比毒液还素质",
                "stitle": "102923"
            },
            "fl": "化妆品",
            "jg": "<b>￥120.00</b>",
        },
        {
            "spmc": {
                "img": "../assets/images/48x48.jpg",
                "title": "Nike耐克男鞋科比毒液6科比毒液还素质",
                "stitle": "102923"
            },
            "fl": "化妆品",
            "jg": "<b>￥120.00</b>",
        },
        {
            "spmc": {
                "img": "../assets/images/48x48.jpg",
                "title": "Nike耐克男鞋科比毒液6科比毒液还素质",
                "stitle": "102923"
            },
            "fl": "化妆品",
            "jg": "<b>￥120.00</b>",
        },
        {
            "spmc": {
                "img": "../assets/images/48x48.jpg",
                "title": "Nike耐克男鞋科比毒液6科比毒液还素质",
                "stitle": "102923"
            },
            "fl": "化妆品",
            "jg": "<b>￥120.00</b>",
        },
        {
            "spmc": {
                "img": "../assets/images/48x48.jpg",
                "title": "Nike耐克男鞋科比毒液6科比毒液还素质",
                "stitle": "102923"
            },
            "fl": "化妆品",
            "jg": "<b>￥120.00</b>",
        }
    ];

    table.render({
        elem: '#test1',
        cellMinWidth: 80,
        height: 316,
        skin: 'line',
        cols: [[
            {type: 'checkbox'},
            {field: 'spmc', width: 270, title: '商品信息', templet: '#spTemplet'},
            {field: 'fl', width: 90, title: '分类'},
            {field: 'jg', width: 90, title: '价格(元)'},
        ]],
        data: data1
    });

    // 打开添加商品弹框
    function selectPro() {
        layer.open({
            title: '选择产品库商品',
            skin: 'zp-popup',
            area: '540px',
            type: 1,
            content: $('#selproPopup')
        });
    }
</script>
</body>
</html>